/*
 * @Descripttion:
 * @Author: jhw
 * @Date: 2023-10-25 11:40:20
 * @LastEditors: jhw
 * @LastEditTime: 2023-12-27 16:34:39
 */
import { defineAsyncComponent } from 'vue';

export const modulesList = [
  {
    name: '交融效果',
    components: defineAsyncComponent(() => import('./components/blendEffect.vue')),
  },
  {
    name: '文字适配背景',
    components: defineAsyncComponent(() => import('./components/textAdaper.vue')),
  },
  {
    name: '代码雨',
    components: defineAsyncComponent(() => import('./components/codeRain.vue')),
  },
  {
    name: '图片跟随背景变化',
    components: defineAsyncComponent(() => import('./components/picChangeBg.vue')),
  },
  {
    name: '无限视差滚动',
    components: defineAsyncComponent(() => import('./components/parallax-demo.vue')),
  },
  {
    name: 'CSS特效',
    components: defineAsyncComponent(() => import('./components/cssEffectDemo.vue')),
  },
  {
    name: '水印效果',
    components: defineAsyncComponent(() => import('./components/waterMark.vue')),
  },
  {
    name: '富文本编辑器',
    components: defineAsyncComponent(() => import('./components/editor-demo.vue')),
  },
  {
    name: 'postCss测试',
    components: defineAsyncComponent(() => import('./components/postCssDemo.vue')),
  },
  {
    name: '大文件上传',
    components: defineAsyncComponent(() => import('./components/bigFileUploadDemo.vue')),
  },
  {
    name: '视频播放器',
    components: defineAsyncComponent(() => import('./components/videoPlayerDemo.vue')),
  },
  {
    name: 'canvas画验证码',
    components: defineAsyncComponent(() => import('./components/canvasCode.vue')),
  },
  // {
  //   name: '滑块验证码',
  //   components: defineAsyncComponent(() => import('./components/slideCode.vue')),
  // },
  {
    name: '测试localforage',
    components: defineAsyncComponent(() => import('./components/localforageDemo.vue')),
  },
  {
    name: 'Notification开发',
    components: defineAsyncComponent(() => import('./components/notificationDemo.vue')),
  },
];
